<div class="field-label inline" th:text="${!field.isVisible} ? '' : #{__(${#strings.isEmpty(field.friendlyName)}?${field.name}:${field.friendlyName})__}" th:classappend="${field.required ? 'required' : ''}" />
<div th:substituteby="components/fieldTooltip" />
<div class="twelve" style="margin-left: 20px; margin-bottom: 10px;" th:switch="*{fields['__${field.name}__'].fieldType}">

    <span th:case="'MEDIA'" th:remove="tag">
        <a th:if="*{fields['__${field.name}__'].media != null and fields['__${field.name}__'].media.url != null and !#strings.isEmpty(fields['__${field.name}__'].media.url)}" 
            th:href="@{*{fields['__${field.name}__'].media.url}}" target="_blank">
            <img class="thumbnail"
                th:src="@{*{fields['__${field.name}__'].media.url + '?largeAdminThumbnail'}}" />
        </a>
        <input type="hidden" th:field="*{fields['__${field.name}__'].value}" />
    </span>
    
    <span th:case="*" th:remove="tag">
        <span th:text="*{fields['__${field.name}__'].displayValue}"/>
        <span th:style="${!field.canLinkToExternalEntity or #strings.isEmpty(field.value)}? 'display: none;'">
           <a th:href="@{${'/' + field.entityViewPath}}" class="modal-view">
                <i class="icon-external-link"></i>
           </a>
        </span>
        <input type="hidden" th:field="*{fields['__${field.name}__'].value}" />
    </span>
    
</div>